<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div class="columns pull-right" role="group">
							<button class="btn btn-success" onclick="reLoad()">
								<i class="fa fa-search" aria-hidden="true"></i>查询
							</button>
<!--							<button class="btn btn-danger" shiro:hasPermission="statistics:commander:export" onclick="exportStatistics()">-->
<!--								<i class="fa fa-mail-reply-all" aria-hidden="true"></i>导出-->
<!--							</button>-->
						</div>
                        <div class="pull-right search col-md-2 nopadding">
                            <input id="queryItem" type="text" class="form-control" placeholder="输入查询的门店或门店名称">
                        </div>
						<input type="hidden" id="queryType" name="queryType" value="2">
<!--                        <div class="columns pull-right col-md-2 nopadding" >-->
<!--                            <select data-placeholder="门店" class="form-control chosen-select"-->
<!--                                    id="teamId" name="teamId" tabindex="2">-->
<!--                                <option value="">选择门店</option>-->
<!--                                <option th:each="item: ${teamList}" th:text="${item.tXiaoqu}"-->
<!--                                        th:value="${item.id}"></option>-->
<!--                            </select>-->
<!--                        </div>-->
<!--                        <div class="columns pull-right col-md-2 nopadding" >-->
<!--                            <select data-placeholder="时间统计类型" class="form-control chosen-select"-->
<!--                                    id="timeType" name="timeType" tabindex="2">-->
<!--                                <option value="">选择时间统计类型</option>-->
<!--                                <option value="1">按年统计</option>-->
<!--                                <option value="2">按月统计</option>-->
<!--                                <option value="3">按日统计</option>-->
<!--                            </select>-->
<!--                        </div>-->
<!--                        <div class="pull-right search col-md-3 nopadding" data-toggle="distpicker" id="dist_target">-->
<!--                            <div class="col-sm-6" style="padding-right: 0px">-->
<!--                                <select class="form-control chosen-select" id="province" name="province" data-province="&#45;&#45;&#45;&#45;选择省&#45;&#45;&#45;&#45;"></select>-->
<!--                            </div>-->
<!--                            <div class="col-sm-6" style="padding-left: 0px">-->
<!--                                <select class="form-control chosen-select"  id="city" name="city"  data-city="&#45;&#45;&#45;&#45;选择市&#45;&#45;&#45;&#45;"></select>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="columns pull-right col-md-1 nopadding">-->
<!--                            <input type="text" class=" form-control"-->
<!--                                   id="endDate" name="endDate" placeholder="付款结束日期"-->
<!--                                   onclick="laydate({istime: true, format: 'YYYY-MM-DD'})"-->
<!--                                   style="background-color: #fff;" readonly="readonly"/>-->
<!--                        </div>-->

<!--                        <div class="columns pull-right">-->
<!--                            <label style="font-weight: 700;float: left;padding: 3px 10px;line-height: 2;font-size: 15px">-->
<!--                                <i class="fa fa-exchange"></i>-->
<!--                            </label>-->
<!--                        </div>-->
<!--                        <div class="columns pull-right col-md-1 nopadding">-->
<!--                            <input type="text" class=" form-control"-->
<!--                                   id="startDate" name="startDate" placeholder="付款开始日期"-->
<!--                                   onclick="laydate({istime: true, format: 'YYYY-MM-DD'})"-->
<!--                                   style="background-color: #fff;" readonly="readonly"/>-->
<!--                        </div>-->
					</div>
                    <br/><br/>
                    <div class="fixed-table-toolbar">
                        <h3>
                            总代理数: <span id="roleNum"></span>,
                            总门店数: <span id="total"></span>,
                            总营业额: <span id="price"></span>
                        </h3>
                    </div>
					<table id="commanderCommodityTable" data-mobile-responsive="true"></table>
				</div>
			</div>
		</div>
		
	</div>
	<div th:include="statistics/commander/include :: footer"></div>
    <script src="/js/plugins/distpicker/distpicker.data.min.js" ></script>
    <script src="/js/plugins/distpicker/distpicker.min.js" ></script>
	<script type="text/javascript" src="/js/appjs/statistics/achievement/roleAchievementStats_2.js"></script>
</body>
</html>